<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>
{#{{ from_obj.as_p }}#}

{#<P>#}
{#    {{ from_obj.username.label }}#}
{#    {{ from_obj.username }}#}
{#</P>#}
{#<p>#}
{#    {{ from_obj.password.label }}#}
{#    {{ from_obj.password }}#}
{#</p>#}
{#<p>#}
{#    {{ from_obj.email.label }}#}
{#    {{ from_obj.email }}#}
{#</p>#}
<form action="" method="post" novalidate>
    {% for form in form_obj %}
        <P>
            {{ form.label }}{{ form }}
            {{ form.errors.0 }}
        </P>
    {% endfor %}
    <input type="submit">
</form>

{#{{ from_obj.as_ul }}#}
{#{{ from_obj.as_table }}#}
{#<form action="" method="post">#}
{#    <p>username:#}
{#        <input type="text" name="username">#}
{#        <span style="color: red">{{ back_dic.username }}</span>#}
{#    </p>#}
{#    <p>password:#}
{#        <input type="text" name="password">#}
{#        <span style="color: red">{{ back_dic.password }}</span>#}
{#    </p>#}
{#    <input type="submit">#}
{#</form>#}

</body>
</html>